<?php 
	session_start();
	include 'db-connection/conn.php';
	$arrImagePath = array();
	//$objdb = new bannisterDB();
	//$objdb->connectdb();
	$sqlImgeForSlideshow = "SELECT image_path FROM tbl_event_banners";
	$run = mysql_query($sqlImgeForSlideshow);
	while($data=mysql_fetch_array($run))
	{
		array_push($arrImagePath, $data['image_path']);
	}
	
	
?>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<title>Ski-Doo, Can-AM, Mercury, Lowe, HarberCraft - GIBBONS MOTOR TOYS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Gibbons Motor Toys has locations in Gibbons, AB & Salmon Arm, BC. Specializing in sales and service of marine products, snowmobiles, and ATVs from Ski-Doo, Can-Am, Mercury, and Harbercraft." />
<meta name="keywords" content="atv sales, atv dealer, boat dealer, boat sales, mercury motors, outboard motors, four-wheeler, 4 wheeler, snowmobiles, sleds, sled racks, atv parts, atv service alberta, atv service shop, fix atv, fix boat, boat parts, razor, razer, commander, kingfisher, harborcraft boats, gibsons motor toys, Ski-Doo, Can-AM, Mercury, Lowe, HarberCraft, marine sales, fish boat, aluminum boat" /> 
<meta name="robots" content="All" />
<meta name="rating" content="General" />
<meta name="resource-type" content="document" />
<meta name="revisit-after" content="4 Days" />
<meta name="distribution" content="Global" />
<meta name="copyright" content="Copyright Gibbons Motor Toys - gibbonsmotortoys.com All Rights Reserved" />
<link href="gibbons-styles.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="jqueryui/js/jquery-1.6.4.min.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="animatedcollapse.js">


/***********************************************
* Animated Collapsible DIV v2.4- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>


<script type="text/javascript">

animatedcollapse.addDiv('a', 'fade=1,persist=1')
animatedcollapse.addDiv('b', 'fade=1,persist=1')
animatedcollapse.addDiv('c', 'fade=1,persist=1')
animatedcollapse.addDiv('d', 'fade=1,persist=1')
animatedcollapse.addDiv('e', 'fade=1,persist=1')
animatedcollapse.addDiv('f', 'fade=1,persist=1')
animatedcollapse.addDiv('g', 'fade=1,persist=1')
animatedcollapse.addDiv('h', 'fade=1,persist=1')

animatedcollapse.ontoggle=function($, divobj, state){ //fires each time a DIV is expanded/contracted
	//$: Access to jQuery
	//divobj: DOM reference to DIV being expanded/ collapsed. Use "divobj.id" to get its ID
	//state: "block" or "none", depending on state
}

animatedcollapse.init()

</script>
</head>

<body>
<div id="container">
<div id="logo-header" >
<?php
include "includes/logoheader-nav.php";
?>
</div>
<div id="maintable"> 
<table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
	 <!-- page content -->
		   <tr >
	 <td width="1000" valign="top">
	 	  	<div style="width:1000px;height:18px" ></div>
		  
		  
		  	<div style="float:left;width:726px;margin-left:4px" >
		  	<div id="slider" class="nivoSlider" style="border: 3px solid white; width: 650px; position: relative; background: url('./images/gibbons-logo.png') no-repeat scroll 0% 0% transparent;">
				
			  <?php 
		  	if(count($arrImagePath)>0)
		  	{
		  		foreach($arrImagePath as $imgPath)
		  		{
		  			?>
		  				<img src="<?php echo $imgPath; ?>" width="720" height="232" border="1" alt="" />
		  			<?php 
		  		}
		  	}
		  	?>
		  	</div>
		  	<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
    		
			  <script type="text/javascript" src="js/jquery.nivo.slider.js"></script>
			  <!-- <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> -->
			    <script type="text/javascript">
			    $(window).load(function() {
			        $('#slider').nivoSlider();
			    });
			    </script>
	
	<h1 style="margin-top:25px">UPCOMING EVENTS</h1><br />
	<b><a href="javascript:animatedcollapse.show(['a','b','c'])">Expand All</a> | <a href="javascript:animatedcollapse.hide(['a','b','c'])">Collapse All</a></b><br /><br />
	<h2 style="margin:0" ><a href="javascript:animatedcollapse.toggle('a')">MARINE EVENTS</a></h2>
		
    <div style="height:2px;width:720px;background-color:black"></div>
	<br />
	<div id='a'>
	<?php 
include 'db-connection/conn.php';

$query = "SELECT * FROM tbl_event_data WHERE main_event='Marine Events'";
$run = mysql_query($query);
while($data = mysql_fetch_array($run))
{
	
		?>
	
	
	<div style="float:left;margin-left:8px;margin-top:8px;margin-bottom:8px">
	<?php $path="./admin/img/".$data["image_path"];?>
	<a href="javascript:animatedcollapse.toggle('a')"><img  src="<?php echo $path ?>" alt="user posted image" width="120" height="100" border="1" /></a>
	
	
</div>
<div style="float:left;margin-top:0px;margin-left:30px;margin-right:30px;" ><a href="javascript:animatedcollapse.toggle('a')"><h3 style="color:blue">



<?php echo $data["category"]; ?>

</h3></a>
<?php echo $data["main_event"]; ?><br />
<?php echo $data["place"]; ?><br />
<?php echo $data["menu"]; ?><br />
<?php echo $data["time"]; ?>

</div>

<div id='a' style="display:none;clear:both;margin-left:8px" >
<!--full event info goes here-->

	<div id='a' style="width:100%;height:8px"></div>
</div>

<div id='a' style="clear:both;height:1px;width:720px;background-color:#a1968d"></div>
 
<br />


<?php 

}

?> 
</div>  
<br />
<br />
<br />
<h2 style="margin:0" ><a href="javascript:animatedcollapse.toggle('b')">ATV EVENTS</a></h2>	
    <div style="height:2px;width:720px;background-color:black"></div>
	<br />
	<div id='b'>
		<?php 
include 'db-connection/conn.php';

$query = "SELECT * FROM tbl_event_data WHERE main_event='Atv Events'";
$run = mysql_query($query);
while($data = mysql_fetch_array($run))
{
	
		?>
	
	
	<div style="float:left;margin-left:8px;margin-top:8px;margin-bottom:8px"><a href="javascript:animatedcollapse.toggle('b')">
	<?php $path="./admin/img/".$data["image_path"];?>
	<img src="<?php echo $path ?>"  alt="user posted image" width="120" height="100" border="1" />
	
	</a>
</div>
<div style="float:left;margin-top:0px;margin-left:30px;margin-right:30px;" ><a href="javascript:animatedcollapse.toggle('b')"><h3 style="color:blue">

<?php echo $data["category"]; ?>

</h3></a>
<?php echo $data["main_event"]; ?><br />
<?php echo $data["place"]; ?><br />
<?php echo $data["menu"]; ?><br />
<?php echo $data["time"]; ?>

</div>

<div id="b" style="display:none;clear:both;margin-left:8px" >
<!--full event info goes here-->

	<div style="width:100%;height:8px"></div>
</div>

<div style="clear:both;height:1px;width:720px;background-color:#a1968d"></div>
 
<br />


<?php 
}

?> 
</div>  
   <br />
<br />
<br />
<h2 style="margin:0" ><a href="javascript:animatedcollapse.toggle('c')">SNOWMOBILE EVENTS</a></h2>	
    <div style="height:2px;width:720px;background-color:black"></div>
	<br />
	<div id='c'>
	  <?php 
include 'db-connection/conn.php';

$query = "SELECT * FROM tbl_event_data WHERE main_event='Snowmobile Events'";
$run = mysql_query($query);
while($data = mysql_fetch_array($run))
{
	
		?>
	
	
	<div style="float:left;margin-left:8px;margin-top:8px;margin-bottom:8px"><a href="javascript:animatedcollapse.toggle('c')">
	<?php $path="./admin/img/".$data["image_path"];?>
	<img src="<?php echo $path ?>"  alt="user posted image" width="120" height="100" border="1" />
	
	</a>
</div>
<div style="float:left;margin-top:0px;margin-left:30px;margin-right:30px;" ><a href="javascript:animatedcollapse.toggle('c')"><h3 style="color:blue">

<?php echo $data["category"]; ?>

</h3></a>
<?php echo $data["main_event"]; ?><br />
<?php echo $data["place"]; ?><br />
<?php echo $data["menu"]; ?><br />
<?php echo $data["time"]; ?>

</div>

<div id="d" style="display:none;clear:both;margin-left:8px" >
<!--full event info goes here-->

	<div style="width:100%;height:8px"></div>
</div>

<div style="clear:both;height:1px;width:720px;background-color:#a1968d"></div>
 
<br />


<?php 
}

?>   
   </div>  
     </div>
		  
		 	<div style="float:right;width:232px;margin-right:4px" >
				 <div style="float:left;line-height:48px" >Follow Us:</div>
				 <div style="float:right;margin-left:6px" ><img src="./images/youtube-icon.png" width="47" height="48" border="0" alt="Youtube" /></div>
				 <div style="float:right;margin-left:6px" ><img src="./images/twitter-icon.png" width="47" height="48" border="0" alt="Twitter" /></div>
				 <div style="float:right" ><img src="./images/facebook-icon.png" width="47" height="48" border="0" alt="Facebook" /></div>
		 	<div style="clear:both;width:232px;height:18px" ></div>
				<div align="center">
					<iframe src="http://www.youtube.com/embed/XObQqyztGDw?wmode=transparent" allowfullscreen="" frameborder="1" height="172" width="230"></iframe>
				</div>
			</div>



			<div style="clear:both;width:1000px;height:24px" ></div>

	  </td>
	 </tr>
	
	 </table>
	 </div>
<div id="footer">
<!-- bottom links -->
<?php
include "includes/bottom-links.php";
?>
</div>

</div>
</body>



</html>







